<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script src="http://code.jquery.com/jquery-latest.js"></script>

	<title>rapid-DEV.net Jquery Ajax JSON Cross Domain Example</title>

	<style type="text/css">
		body, html { font-family:helvetica,arial,sans-serif; font-size:90%; width:500; height:500;}
		/*div {
			display: none;
		}*/
	</style>
</head>
<script>
	$(document).ready(function(){   
		$("a.icons").click(function () {
			var divname= $(this).attr("value");
			$("#"+divname).show("slow").siblings().hide("slow");
		});
		
	});
</script>
<body>

<div id="WallDeleteIcons"> 
	<a id="Delete" value="delete" class="icons"><img src="X.gif" title="Delete" /></a>
	<a id="Wall" class="icons" value="wall"><img src="wall.jpg" title="Post on Wall" /></a>
	<!--<input id="Delete" class="icons" value="div1"><img src="X.gif" title="Delete" /></input>
	<input id="Wall" class="icons" value="div2"><img src="wall.jpg" title="Post on Wall" /></input>-->
	<!--<input type="button" id="button1" class="buttons" value="div1"></input>
	<input type="button" id="button2" class="buttons" value="div2"></input>
	<input type="button" id="button3" class="buttons" value="div3"></input>
	<input type="button" id="button4" class="buttons" value="div4"></input>-->

</div>
	
<div>
	<div id="delete" style="display:none">
		Deletion in process. Please wait!
	</div>

	<div id="wall" style="display:none">
		Successfully Posted on your Wall!
	</div>
	
	<div id="error" style="display:none">
		An error occured. Please try agan!
	</div>

</div>


</body>
</html>